@import './normalize.less';
@import './base.less';
@import './variable.less';
.mmb_secondNav {
  .title {
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    height: 72rem/@base;
    background-image: linear-gradient(to bottom, #fbfbfb, #eee);
    line-height: 72rem/@base;
    padding-left: 16rem/@base;
    font-size: 24rem/@base;
    a {
      float: left;
      font-weight: 400;
    }
    span {
      float: left;
    }
    button {
      float: right;
      width: 125rem/@base;
      height: 54rem/@base;
      border-radius: 15rem/@base;
      text-align: center;
      line-height: 50rem/@base;
      margin-top: 6rem/@base;
      margin-right: 14rem/@base;
      outline: none;
      &:active {
        text-decoration: none;
        border-style: none;
      } 
    }
  }
}

.mmb_secondNav {
  background-color: #fff;
}
.content {
  border-top: 1px solid transparent;
  .top {
    font-size: 34rem/@base;
    margin-top: 35rem/@base;
    padding: 0 40rem/@base;
    line-height: 48rem/@base;
    h3 {
      text-align: center;
      font-weight: 400;
    }
    img {
      width: 335rem/@base;
      margin: 10rem/@base auto 35rem/@base;
      
    }
  }
  .center {
    font-size: 28rem/@base;
    ul {
      border-top: 2rem/@base solid #bd3c05;
      border-bottom: 2rem/@base solid #bd3c05;
      overflow: hidden;
      li {
        float: left;
        width: 33.3%;
        border-right: 2rem/@base solid #bd3c05;
        height: 65rem/@base;
        line-height: 65rem/@base;
        a {
          color: #fff;
          text-align: center;
          background-color: #ffca39;
        }
        &:first-child {
          a {
            background-color: #ff9d1e;
          }
        }
        &:last-child {
          border: none;
        }
      }
    }
  }
  .price {
    height: 89rem/@base;
    line-height: 89rem/@base;
    font-size: 32rem/@base;
    .p_pic {
      width: 62rem/@base;
      a {
        margin-top: 28rem/@base;
        margin-left: 13rem/@base;
      }
      img {
        width: 32rem/@base;
        height: 32rem/@base;
      }
    }
    .red {
      text-align: right;
      color: red;
      font-size: 26rem/@base;
    }
    td {
      &:last-child {
        span {
          width: 112rem/@base!important;
          height: 50rem/@base!important;
          line-height: 50rem/@base!important;
          font-size: 26rem/@base!important;
          margin-right: 5rem/@base;
          margin-left: 34rem/@base;
        }
      }
    }
  }
}
.tips {
  height: 115rem/@base;
  padding: 18rem/@base 20rem/@base 0;
  border-top: 2rem/@base solid #b8b8b8;
  p {
    font-size: 22rem/@base;
    line-height: 40rem/@base;
  }
}
.colorBox {
  height: 6rem/@base;
  background-color: #676767;
}
.mmb_comment {
  .title {
    height: 65rem/@base;
    background-color: #dbdbdb;
    h3 {
      font-size: 28rem/@base;
      color: #0b0108;
      text-align: center;
      line-height: 65rem/@base;
    }
  }
  .item {
    padding: 20rem/@base;
    font-size: 24rem/@base;
    background-color: #fff;
    border-bottom: 2px solid #cacaca;
    p {
      line-height: 38rem/@base;
      text-align: left;
      &:nth-child(3) {
        line-height: 44rem/@base;
        margin-top: 16rem/@base
      }
    }
    .name {
      float: left;
      color: #747772;
    }
    .time {
      float: right;
      color: #747772;
    }
    .from {
      color: #747772;
      float: right;
    }
  }
  .more {
    height: 150rem/@base;
    background-color: #fff;
    padding: 35rem/@base;
    button {
      height: 60rem/@base;
      width: 100%;
      font-size: 26rem/@base;
      border-bottom: 2rem/@base solid #dbdbda;
      // background-image: linear-gradient(to top,#ededed,#efefef);
      border-radius: 10rem/@base;
      line-height: 60rem/@base;
      text-align: center;
      outline: none;
      box-shadow: 0 2rem/@base 2rem/@base #333;
    }
  }
}
.mmb_footer {
  padding-top: 0;
}